.Login{
  position: relative;
  min-height: 100vh;
  background-size: 100% 100%;
  background-image: url('~/static/images/login/bg_image.png');
  overflow: hidden;
  width: 100%;
  min-width: 1366px;
  margin: auto;
  &_box{
    width:462px;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    text-align: center;
  }
  &_headImg{
    width:123px;
    height:123px;
    border:1px solid #1f8cfc;
    border-radius: 50%;
    padding: 10px;
    margin:0 auto;
    img{
      width:104px;height:104px;border-radius: 50%;
    }
  }
  &_form{
    &_group{
      &:nth-child(1){
        margin-top:66px;
      }
      &:nth-child(2){
        margin-top:35px;
      }
      &:nth-child(3){
        margin-top:35px;
      }
    }
    &_tip{
      text-align: left;
      color:red;
      font-size:14px;
      margin:10px 0 0 40px;
      height:20px;
    }
    &_input{
      appearance: none;
      display: block;
      width: 462px;
      height: 80px;
      line-height: 80px;
      border:1px solid #fff;
      border-radius: 87px;
      background: transparent;
      color:#fff;
      font-size: 18px;
      text-align: center;
      transition: all 400ms;
      &:focus {
        outline: none;
        border-color: #1f8cfc;
      }
      &_danger {
        border-color: #f00;
      }
    }
    &_codeLogin{
      color:#fff;
      margin:0 40px 0 0;
      font-size:18px;
      &:hover{color:#fff;}
    }
    &_footer{
      margin-top:78px
    }
    &_submit{
      cursor: pointer;
    }
    &_forgetPwd{
      display: block;
      margin-top:40px;
      color:#8e8f8f;
      font-size:18px;
      &:hover{
        color:#8e8f8f;
      }
    }
    input::-webkit-input-placeholder{
      color:#fff !important;
    }
    input:-moz-placeholder{
      color:#fff !important;
    }
    input::-moz-placeholder{
      color:#fff !important;
    }
    input:-ms-input-placeholder{
      color:#fff !important;
    }
  //  验证码登录
    &_group{
      position: relative;
    }
    &_getCode{
      position: absolute;
      top: 25px;
      right: 20px;
      font-size: 18px;
      color: #8e8f8f;
      border:none;
      background-color: transparent;
      &:hover {
        cursor: pointer;
      }
      &:active,
      &:focus,
      &:disabled {
        outline: none;

      }
    }
  }
}
